import { useState } from "react";

import ContactUs from "./Views/ContactUs";
import JHeader from "./Views/JHeader";
import Banner from "./Views/Banner";
import Entrance from "./Views/Entrance";
import Process from "./Views/Process";
import CorpDemand from "./Views/CorpDemand";
import Multiple from "./Views/Multiple";
import CorpValue from "./Views/CorpValue";
import Sy from "./Views/Sy";
import Footer from "./Views/Footer";
import VideoPlayer from "./Views/VideoPlayer";
import "./index.scss";

export default function Jiandaoyun() {
  const [videoVisible, setVideoVisible] = useState(false);
  const [videoSrc, setVideoSrc] = useState("");

  function playVideo(src) {
    setVideoVisible(true);
    setVideoSrc(src);
  }

  return (
    <div className="jiandaoyun">
      <ContactUs></ContactUs>
      <JHeader></JHeader>
      <Banner playVideo={playVideo}></Banner>
      <Entrance></Entrance>
      <Process></Process>
      <CorpDemand></CorpDemand>
      <Multiple></Multiple>
      <CorpValue playVideo={playVideo}></CorpValue>

      <div className="case">
        <div className="bricks">
          <div className="bricks-primary-title">
            超1200000+企业组织都在使用简道云
          </div>
          <img
            className="logos"
            alt=""
            src="https://blog-assets.jiandaoyun.com/index/bricks/brickslogo/index_logos_pc.png"
          />
        </div>
      </div>

      <Sy></Sy>
      <Footer></Footer>

      <div className="container bq">
        <span>苏ICP备18065767号</span>
        <span>
          <img
            src="https://blog-assets.jiandaoyun.com/index/record_icon.png"
            alt="苏公网安"
          />
          苏公网安备 32020502000753号
        </span>
        <span>©2014-2022 帆软软件有限公司 版权所有</span>
      </div>

      <VideoPlayer
        src={videoSrc}
        visible={videoVisible}
        setVideoVisible={setVideoVisible}
      ></VideoPlayer>
    </div>
  );
}
